﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>

<%@ Register Assembly="GMaps" Namespace="Subgurim.Controles" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <title> HorseTrack - Seguimiento GPS equino </title>
        <link type='image/x-icon' rel="icon" href="Iconos/caballoico.ico" />
        <link href="Estilos.css" rel="stylesheet" type="text/css" />
        <style type="text/css">
        </style>

        <link type="text/css" href="jquery/css/themename/jquery-ui-1.8.7.custom.css" rel="Stylesheet" />	
        <script type="text/javascript" src="jquery/js/jquery-1.4.4.min.js"></script>
        <script type="text/javascript" src="jquery/js/jquery-ui-1.8.7.custom.min.js"></script>
        <script type="text/javascript" src="Scripts/jcarousellite.js" ></script> 
        <script type="text/javascript" src="Scripts/Funciones.js"></script>
      
        <script type="text/javascript">

            $(function () {
              //  $("#divInfoPrincipal").fadeTo(600, 0.8);
            

                  $(".carousel").jCarouselLite({               
                 btnNext: ".next",
                btnPrev: ".prev",
                visible: 1,
                auto:5000,
                speed:800,
                });
            });
                 /*
            function mostrarExport() {
           
                if ($("#BodyExport").is(':visible')) {
                    $("#BodyExport").hide("slow");
                }
                else {
                    $("#BodyExport").show("slow");
                }
                
            }      
          */
        </script>



    </head>

   


<form id="Principal" runat="server">
<body class="Cuerpo" onload="fnc();">


        <table  class="shadow" align="center" width="810px" cellpadding="0" cellspacing="0" border="1" style="background-image:url('Images/Fondos/fa1.gif');  background-repeat: repeat"  >
           <tr>
             <td>       
                 <div id="">
                   <table width="100%" class="shadowInner1" style="background-color: ; ">
                        <tr>
                            <td align="center">
                                   <table  class="shadowInner1" width="100%" style="background-image: url('Images/Header.png');"> 
                                    <tr height="129px">
                                        <td ID="Construccion" width="50%" class="ColorCeleste" style="font-family:Agency FB;  text-decoration: blink; font-size:20px">
                                        </td>                
                                        <td>
                                        </td>
                                    </tr>
                                   </table>
            
                            </td>
                        </tr>
                        <tr>
                            <td > 
         
                                <table class="shadowRoundedInner1" border="0"  width="100%" style="color:Maroon; text-decoration:none; font-family:Calibri; font-size:12px; background-color:#FFFF66 " > 
                                    <tr valign="middle" >
                                              
                                        <td width="70%" align="left" >
                                            Usuario: 
                                            <asp:TextBox Font-Size="X-Small" ID="textBoxLoginUsuario" Width="100px" runat="server">
                                            </asp:TextBox>  
                                            Password:  
                                            <asp:TextBox ID="textBoxLoginPassword" Font-Size="X-Small" TextMode="Password" Width="100px" runat="server">
                                            </asp:TextBox>
                                            <asp:Button ID="btnLogin" runat="server" Text="Ingresar" onclick="btnLogin_Click" style=" color:yellow; background-color:Maroon;" class="shadowRoundedInner1" />
                                             <button style=" color:yellow; background-color: Maroon;" class="shadowRoundedInner1">
                                             Recuperar Contraseña
                                             </button>
                                        </td>                                                
                                        <td id="reloj" style="font-family:Calibri;  font-size:14px" align="right" width="30%"  >
                                        </td>
                                              
                                    </tr>           

                                </table>
               
                            </td>
                       </tr>
                       <tr>
                          <td width="100%" align="center" valign="middle" >
                              <table width="100%" class="shadowRoundedInner2"  style="background-image:url('Images/FondoB.png');" >
                                    <tr>
                                        <td width="100%"  align="center" valign="middle">
                                            <img alt="Bien" src="Images/Bienvenido.png" width="650px"  height="20px" align="center" />                                        
                                        </td>
                                    </tr>
                              </table>
                          </td>
                       </tr>
                       <tr>
                            <td height="100%" align="center" valign="top">
                                 <table class="" width="100%" >

                                     <tr >
                                        <td height="10px">
                                        </td>
                                     </tr>
                                     <tr>
                                        <td width="100%">
                                            <table width="80%" align="left" >
                                                <tr>                                                
                                                    <td width="100%" align="left" class="shadowRoundedInner2" style=" background-image:url('Images/Fondos/faHorse1_md.gif');"  height="100px">
                                                           <table>
                                                                <tr>
                                                                    <td >
                                                                        <img src="Images/Frases/Monitoring.png" width="200px" height="25px"/>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <font color="" face=""size="2px" align="left" style=" margin-left:15px;"> Servicio de seguimiento, localizaci&oacute;n y monitoreo de equinos </font>                                                        
                                                                    </td>
                                                                </tr>
                                                           </table>
                                                           <table>
                                                                <tr>
                                                                    <td >
                                                                        <img src="Images/Frases/Race.png" width="100px" height="22px"/>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td >
                                                                        <font color="" face=""  size="2px" align="left" style="margin-left:15px;">Servicio para organizaci&oacute;n de eventos de carrera y campeonatos </font>                                                          
                                                                    </td>
                                                                </tr>
                                                           </table>
                                                           <table>
                                                                <tr>
                                                                    <td >
                                                                        <img src="Images/Frases/Polo.png" width="120px" height="22px"/>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <font color="" face=""  size="2px" align="left" style="margin-left:15px;">Servicio dise&ntilde;ado para obtener el estado y los datos del equino mientras realiza su competencia</font>                                                           
                                                                    </td>
                                                                </tr>
                                                           </table>                                                           
                                                           <ul type="circle">
                                                                <font color="" size="2px" align="left" face="" >  <li>Coloc&aacute; el bozal Horsetrack a tu caballo</li>
                                                                <font color="" size="2px" align="left" face="" ><li>Configura tu cuenta</li>
                                                                <font color="" size="2px" align="left" face="" ><li>Empeza a monitorear tu caballo, obteniendo su estado y ubicaci&oacute;n en tiempo real</li>
                                                                <font color="" size="2px" align="left" face="" ><li>Organiz&aacute; y viv&iacute; el emocionante seguimiento de una carrera h&iacute;pica</li>                                                                
                                                                <font color="" size="2px" align="left" face="" ><li>Tom&aacute; decisiones en base a su performance y estad&iacute;sticas (kil&oacute;metros recorridos, ritmo card&iacute;aco...)</li>
                                                            </ul>
                                                    </td>
                                                </tr>
                                            </table>
                                            <table width="10%" align="right" >
                                                <tr>
                                                     <td width="100%">

                                                        <table  align="right" onmouseout="onMouseOutHandler(divQuieroHorsetrack);" onmouseover="onMouseOverHandler(divQuieroHorsetrack);" class="shadowRoundedInner2" width="70%" style="  -moz-border-radius: 10px; border-radius: 10px;background-image:url('Images/PanelDeControl.png'); font-size:16px; margin-right:-5px;">
                                                                <tr height="">                                        
                                                                    <td align="center" style="">
                                                                        <div id="divQuieroHorsetrack">
                                                                            <font color="" size="3px">Yo tambi&eacute;n quiero </font>
                                                                            <font size="4px" style="Font-family:Copperplate Gothic Light; font-weight:bold;">HorseTrack</font>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                        </table>   
                                                     </td>
                                                </tr>
                                            </table>
                                        </td>
                                     </tr>                            
                                     <tr>
                                         <td colspan="3" height="20px">
                                         </td>
                                     </tr>
                                     <tr>      
                                         <td colspan="3" valign="top" align="center"> 
                                            <table class="shadowRoundedInner2" style="background-image:url('Images/PanelDeControl.gif')"  width="620px">
                                                <tr height="10px">
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td align="center" valign="middle">
                                                        <div class="carousel" >
                                                            <table  width="580px">
                                                                <tr>
                                                                    <td width="500px" style="Font-size:30px;" align="left">
                                                                         <img src="Images/Frases/diapoht1.png" width="" height="" />
                                                                    </td>
                                                                    <td align=right><span class="prev" style="font-size:20px;">&lt;&lt;</span>
                                                                    </td>
                                                                    <td align=left><span class="next" style="font-size:20px;">&gt;&gt;</span>
                                                                    </td>
                                                                </tr>                                    
                                                            </table>
                                    
                                                            <ul>
                                                                <li>
                                                                    <table width="580px">
                                                                        <tr height="400px">
                                                                            <td align="center" valign="top">
                                                                                <img src="Images/HorseBelt1.gif" />
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </li>
                                                                <li>
                                                                    <table width="580px">
                                                                        <tr height="400px">
                                                                            <td align="center" valign="top">
                                                                                <img src="Images/HorseBelt2.gif" />
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </li>
                                                                <li>
                                                                    <table width="580px">
                                                                        <tr height="400px">
                                                                            <td align="center" valign="top">
                                                                                <img src="Images/Horse/Race2.gif" />
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </li>
                                                                <li>
                                                                    <table width="580px">
                                                                        <tr height="400px">
                                                                            <td align="center" valign="top">
                                                                                <img src="Images/Horse/Race3.gif" />
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </li>
                                                                </li>
                                                                <li>
                                                                    <table width="580px">
                                                                        <tr height="400px">
                                                                            <td align="center" valign="top">
                                                                                <img src="Images/Horse/geofence.gif" />
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </li>
                                                             </ul>                                            
                                                        </div>             
                                                    </td>
                                                </tr>
                                                <tr height="10px">
                                                    <td></td>
                                                </tr>
                                            </table>
                                        </td>                             
                                    </tr>      

                                    <tr>
                                        <td width="100%">

                                        </td>
                                     </tr>      
                                     <tr>
                                        <td colspan="3"  >
             
                
                                         </td>
                                     </tr>
                                    <tr>
                                          <td colspan="3"  >            
       
                                          </td>
                                    </tr>       
                               </table>                   
                           </td>
                    </tr>
                    <tr bgcolor="#ff9900">
                        <td valign="bottom" style="font-family: 'Lucida Sans Unicode'; font-size:10px; font-size:12px">
                            <table class="shadowInner1" width="100%" style="background-image:url('Images/Footer.png');">
                                <tr height="150px" >
                                    <td>
                                       HorseTrack es un producto de <br><a href="http://www.zbctech.com.ar" style="text-decoration:none; color:Wheat; font-family:inherit; font-size:12px">
                                        <img src="Images/LogoZBCTECH.png" style="height: 76px; width: 149px; margin-top:10px; margin-left:10px; border-width:0px;"><br> www.zbctech.com.ar</a><br>
                                        <br>
                                        Consultas y Ventas personalizadas: consulta@horsetrack.com.ar <br />
                                        Info: info@horsetrack.com.ar
                                    </td>
                                </tr>
                            </table>          
                        </td>
                     </tr>
                     <tr>
                          <td align="right">
                            <table class="shadowRoundedInner2" width="100%" style="color:Wheat; background-color: OrangeRed;">
                                <tr>
                                    <td>
                                     <a style="text-decoration:none; color:Wheat; font-family:Calibri; font-size:10px" href=Legales.aspx>Legal </a> | <a style="text-decoration:none; color:Wheat; font-family:Calibri; font-size:10px" href=MapSite.aspx>Mapa del sitio </a> 
                                    </td>
                                </tr>
                            </table>
                          </td>
                      </tr> 
                </table>
            </div>
        </td>
     </tr>
  </table>

</body> 
</form>

</html>